<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Equinox Admin Panel - Products</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/products.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/superfish.css" type="text/css"  media="screen"/>
<link rel="stylesheet" href="css/vertical_slider.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/tooltip.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/form.css" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="all"/>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" type="text/css" media="all"/>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
//Drop down menu
    $(document).ready(function() { 
        $('ul.sf-menu').superfish({ 
            delay:       0,                            // one second delay on mouseout 
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
            speed:       45,                          // faster animation speed 
            autoArrows:  false,                           // disable generation of arrow mark-up 
            dropShadows: true                            // disable drop shadows 
        }); 
    }); 		
//--><!]]>
</script>
<script type="text/javascript" src="js/jquery.jcarousel.pack.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.easing['easeOutCirc'] = function(x, t, b, c, d, s) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
};

jQuery(document).ready(function() {
    jQuery('#jcarousel-vertical').jcarousel({
        vertical: true,
		easing: 'easeOutCirc',
		animation: 850,
        scroll: 1
    });
});
//--><!]]>
</script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
    $(function() {
        $('span.img_slider a').lightBox();
        $('#gallery a').lightBox();
    });
    </script>
<script type="text/javascript" src="js/customInput.js"></script>
<script type="text/javascript">
//radi and checkbox styling
	$().ready(function(){
		$('input').customInput();
	});
	</script>
<script type="text/javascript" src="js/jquery.bgiframe.js"></script>
<script type="text/javascript" src="js/jquery.jListbox.js"></script>
<script type="text/javascript">
//select elemet styling
	$().ready(function() {
	$("#subject").jListbox();
	});
</script>
</head>
<body>
<div id="container">
  <!--[if !IE]>start header<![endif]-->
  <div id="header">
    <div class="content_all">
      <div class="header-left"><img src="images/logo.png" width="268px" height="56px" alt="logo"/></div>
      <div class="header-right"> <span class="welcome">Welcome <strong>Administrator</strong></span> <span class="links"><a href="#" class="my-account">My Account</a> | <a href="#" >Log out</a></span> <span class="links"><a href="#" class="new-message" >4 new messages</a></span> <span class="time-ip">Server time : 6:45 AM<br />
        Last login ip : 192.168.0.15</span> </div>
    </div>
  </div>
  <!--[if !IE]>end header<![endif]-->
  <!--[if !IE]>start main menu<![endif]-->
  <div id="menu_row">
    <div class="content_all">
      <ul class="sf-menu">
        <li><a href="dashboard.html"  ><span><span>Dashboard</span></span></a></li>
        <li><a href="products.html" class="active"><span><span>Products</span></span></a></li>
        <li><a href="orders.html"  ><span><span>Orders</span></span></a></li>
        <li><a href="#" ><span><span>Submenu demo</span></span></a>
          <ul>
            <li class="first_item"><span><a href="#" >Photos of our Office</a></span></li>
            <li><span><a href="#" >Our Best Work Compilation</a></span></li>
            <li><span><a href="#" >Travel Photos 2008</a></span></li>
            <li class="submenu"><span><a href="#" >Travel Photos 2009</a></span>
              <ul>
                <li class="first_item"><span><a href="#" >Photos of our Office</a></span></li>
                <li><span><a href="#" >Our Best Work Compilation</a></span></li>
                <li><span><a href="#" >Travel Photos 2008</a></span></li>
                <li><span><a href="#" >August Party in New Orleans</a></span></li>
                <li><span><a href="#" >Another menu item</a></span></li>
                <li><span><a href="#" >Last item in the menu</a></span></li>
              </ul>
            </li>
            <li><span><a href="#" >August Party in New Orleans</a></span></li>
            <li><span><a href="#" >Another menu item</a></span></li>
            <li><span><a href="#" >Last item in the menu</a></span></li>
          </ul>
        </li>
        <li class="last_item"><a href="seo-settings.html" ><span><span>seo settings</span></span></a></li>
      </ul>
      <div class="search">
        <form name="searchForm" action="search.php" method="get" >
          <input type="text" class="search-text" name="searchtext" value="" id="searchtext"/>
          <input type="submit" class="search-submit" name="submit" value="GO" id="submit"/>
        </form>
      </div>
    </div>
  </div>
  <!--[if !IE]>end main menu<![endif]-->
  <!--[if !IE]>start sub menu<![endif]-->
  <div id="sub_menu_row">
    <div class="content_all">
      <ul class="sub_menu">
        <li><a href="#"  >Products</a></li>
        <li><a href="#" class="active">Product Categories</a></li>
        <li><a href="#"  >Edit Categories</a></li>
        <li>You can also have a crumtrail</li>
      </ul>
    </div>
  </div>
  <!--[if !IE]>end sub menu<![endif]-->
  <!--[if !IE]>start content<![endif]-->
  <div id="content">
    <div class="content_all">
      <div class="content-all-left">
        <div class="content-outer-small">
          <div class="content-inner-small">
            <div class="title_border-small">
              <h1>Forms &amp; Tabs <span>Template</span></h1>
            </div>
            <p>You can of course use the form in any other window, like the full width ones etc. More text detailing the form can go here. It is optional of course. With the elements below you should be able to create any form you need. Lorem ipsum dolor sit </p>
            <div class="contact_form">
              <form id="contactForm"  action="mail.php" method="post">
                <fieldset>
                  <ul>
                    <li>
                      <div class="form-input-box">
                        <label class="text">Text Field :</label>
                        <input class="text" name="name" id="name" type="text" />
                      </div>
                      <div class="form-message"><span class="validate valid">Text has validated</span></div>
                    </li>
                    <li>
                      <div class="form-input-box">
                        <label class="text">Radio Buttons :</label>
                        <input type="radio" name="radio_btn" id="radio-1" value="1" />
                        <label for="radio-1">all orders</label>
                        <input type="radio" name="radio_btn" id="radio-2" value="2" />
                        <label for="radio-2">pending</label>
                        <input type="radio" name="radio_btn" id="radio-3" value="3" />
                        <label for="radio-3">unshipped</label>
                        <input type="radio" name="radio_btn" id="radio-4" value="4" />
                        <label for="radio-4">shipped</label>
                      </div>
                    </li>
                    <li>
                      <div class="form-input-box">
                        <label class="text">Check Boxes :</label>
                        <input type="checkbox" name="chk_box" id="check-1" value="action" />
                        <label for="check-1">all orders</label>
                        <input type="checkbox" name="chk_box" id="check-2" value="comedy" />
                        <label for="check-2">pending</label>
                        <input type="checkbox" name="chk_box" id="check-3" value="epic" />
                        <label for="check-3">unshipped</label>
                        <input type="checkbox" name="chk_box" id="check-4" value="science" />
                        <label for="check-4">shipped</label>
                      </div>
                    </li>
                    <li>
                      <div class="form-input-box">
                        <label class="text">DHTML Dropdown :</label>
                        <select  class="select" name="subject" id="subject">
                          <option value="General Inquiry"  selected="selected">&nbsp;&nbsp;General Inquiry</option>
                          <option value="Programming Related Question" >&nbsp;&nbsp;Programming Related Question</option>
                          <option value="Website Quote Request">&nbsp;&nbsp;Website Quote Request</option>
                          <option value="Feedback">&nbsp;&nbsp;Feedback</option>
                          <option value="Help and Support">&nbsp;&nbsp;Help and Support</option>
                        </select>
                      </div>
                      <div class="form-message"><span class="validate invalid">Text has not validated</span></div>
                    </li>
                    <li>
                      <div class="form-input-box">
                        <label class="text">Large textarea :</label>
                        <textarea name="message" id="large_message" cols="30" rows="5"></textarea>
                      </div>
                    </li>
                    <li>
                      <div class="form-input-box">
                        <label class="text">With Buttons :</label>
                        <div class="button-box">
                          <ul class="mc-menu">
                            <li><a href="#"><strong>B</strong></a></li>
                            <li><a href="#"><i>i</i></a></li>
                            <li><a href="#">u</a></li>
                            <li><a href="#">Code</a></li>
                            <li><a href="#">List</a></li>
                            <li><a href="#">List=</a></li>
                            <li><a href="#">[*]</a></li>
                            <li><a href="#">URL</a></li>
                            <li><a href="#">Img</a></li>
                          </ul>
                        </div>
                        <div class="textarea-box">
                          <textarea name="message" id="withbuttons_message" cols="30" rows="5"></textarea>
                        </div>
                      </div>
                    </li>
                    <li class="message" >
                      <div class="form-input-box">
                        <label class="text">&nbsp;</label>
                        <div class="submit_form"><span><span>
                          <input class="submit" type="submit" name="" value="Submit button" id="submit_form"/>
                          </span></span></div>
                      </div>
                      <div class="form-message"><span class="validate submit">Please fill in all the fields</span></div>
                    </li>
                  </ul>
                </fieldset>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div class="content-all-right">
        <ul id="right-menu-top">
          <li ><a href="" class="webdesign">Web Design</a></li>
          <li><a href="" class="corporateid">Corporate id</a></li>
          <li class="selected"><a href="" class="webaplication">Web Applications</a></li>
          <li><a href="" class="seomarketing">SEO &amp; Marketing</a></li>
        </ul>
        <div class="help-tip-box">
          <div class="help-tip-arrow"></div>
          <div class="help-tip-content">
            <p><strong>Help and tips</strong> can go here Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Pellentesque lobortis lacus euismod urna. Praesent sed tortor. </p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id lacus augue. Nullam eu diam ante, vitae porta dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vulputate sapien sed turpis placerat sit amet cursus elit bibendum. Curabitur viverra sem </p>
          </div>
        </div>
        <div class="quote_small">
          <blockquote>Tips and help can also be displayed like this, t sit amet cursus elit bibendum. Curabitur viverra sem vel libero ornare elementum. Aliquam nec nunc nibh, ut molestie</blockquote>
        </div>
      </div>
      <br style="clear:left;"/>
    </div>
    <div class="content_all">
      <div class="content-all-left">
        <div class="content-outer-small">
          <div class="content-inner-small">
            <div class="title_border-small">
              <h1>Photo Gallery <span>Our Office</span></h1>
            </div>
            <div id="gallery"> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a>
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery_last" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a>
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery_last" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery_last" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            <a href="images/gallery/gallery_img1.jpg" class="img_gallery_last" title="my gallery"><img src="images/gallery/thumb/gallery_img1.jpg" alt="gallery image" /></a> 
            </div>
          </div>
        </div>
        <div class="pagination">
          <div class="prev_link"> <a href="#" class="prev_inactive">Prev Page</a> </div>
          <div class="middle_link"> <a href="#" class="active">1</a> <a href="#" >2</a> <a href="#">3</a> <span>...</span> <a href="#">98</a> <a href="#">99</a> <a href="#">100</a> <a href="#">101</a> </div>
          <div class="next_link"> <a href="#" class="next_active">Next Page</a> </div>
        </div>
      </div>
      <div class="content-all-right">
        <ul id="right-menu-bottom">
          <li ><a href="">Our Office</a></li>
          <li><a href="" >Outdoor Banners</a></li>
          <li class="selected"><a href="" >Indoor Banners</a></li>
          <li><a href="" >Vehicle Fleet</a></li>
          <li><a href="" >Another Album</a></li>
        </ul>
        <div class="vertical-slide">
              <h3>Thumb Scroller</h3>
              <ul id="jcarousel-vertical" class="jcarousel jcarousel-skin-vertical">
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img1.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img8.jpg" alt="service" /></a></span> </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img4.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img5.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img3.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img2.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img4.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img3.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img4.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img1.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img5.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img8.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img7.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img8.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img9.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img2.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img10.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img8.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img1.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img5.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img1.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img8.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img5.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img4.jpg" alt="service" /></a></span><br />
                </li>
                <li> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img1.jpg" alt="service" /></a></span> <span class="img_slider"><a href="images/portfolio/portfolio_img.jpg" ><img class="slider_img" src="images/portfolio/thumb/portfolio_img8.jpg" alt="service" /></a></span><br />
                </li>
              </ul>
            </div>
        <br style="clear:left;"/>
      </div>
      <br style="clear:left;"/>
    </div>
      <br style="clear:left;"/>
  </div>
  <!--[if !IE]>end content<![endif]-->
  <!--[if !IE]>start footer<![endif]-->
  <div id="footer">
    <div class="content_all">
      <div class="footer_left">&copy;2009 Equinox. All rights reserved.<a href="#" >Admin Build Information</a></div>
      <div class="footer_right">
        <ul>
          <li><a href="#" class="active"><span><span>DASHBOARD</span></span></a></li>
          <li><a href="#" ><span><span>ADVANCED SEARCH</span></span></a></li>
          <li><a href="#" ><span><span>ADMIN MAP</span></span></a></li>
          <li><a href="#" ><span><span>ADMIN HELP</span></span></a></li>
          <li class="last"><a href="#" ><span><span>FAQS</span></span></a></li>
        </ul>
      </div>
    </div>
  </div>
  <!--[if !IE]>end footer<![endif]-->
</div>
</body>
</html>
